<!--
 * @Author: qiye
 * @LastEditors: qiye
 * @description: page description
 * @Date: 2023-12-08 10:26:53
 * @LastEditTime: 2023-12-08 10:41:03
-->
<script>
import mixins from './mixins'
export default {
  name: 'IkMonthCalendar',
  mixins: [mixins],
  data() {
    return {

    }
  },
  methods: {

  }
}
</script>

<template>
  <section :class="theme === 'white' ? 'white-theme' : 'black-theme'" :style="{ 'width': `${width}px`, 'height': `${height}px`, 'font-family': ffamily }">
    <div class="calendar-head">
      <i class="iconfont icon-tubiaozhizuo-" title="上一年" @click="goBackYear()"></i>
      <span>{{ nowYearMonth }}</span>
      <i class="iconfont icon-tubiaozhizuo-1" title="下一年" @click="goNextYear()"></i>
    </div>
    <div class="claendar-header-week">
      <div v-for="month in monthList" :key="month" class="serve-week">
        {{ month }}
      </div>
    </div>
  </section>
</template>

<style lang="sass" scoped>

</style>
